<template>
  <div class="w-100 h-100">
    <containTemplete
      :title="'管廊项目管理'"
      :secondTitles="['项目数量', '项目合同']"
      :slot-width="[50, 50]"
    >
      <template #left>
        <div class="w-100 h-100">
          <xmsl :year="left_year_value"/>
        </div>
      </template>
      <template #middle>
        <div class="w-100 h-100">
          <xmht/>
        </div>
      </template>

      <template #left_control>
        <proSelect
              :optionsData="useOptions().year()"
              :defaultSelectValue="2024"
              v-model:select-value="left_year_value"
              :width="100"
            >
            </proSelect>
      </template>
    </containTemplete>
  </div>
</template>

<script setup lang="ts">
import containTemplete from "@/components/project/containTemplete.vue";
import xmsl from "./xmsl.vue";
import xmht from "./xmht.vue";
import { useOptions } from "@/hook/useOptions";

const left_year_value = ref(2024)

</script>

<style scoped lang="less"></style>
